<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-Control" content="no-cache">
		<meta http-equiv="Expires" content="0">
		<title>后台登录</title>
		<link th:href="@{static/css/login.css}" type="text/css" rel="stylesheet">
	</head>
	<body>

		<div class="login">
			<div class="message"><span>慧博</span>-管理平台登录</div>
			<div id="darkbannerwrap"></div>

			<form th:action="@{/user/login}" method="post">
				<input placeholder="用户名" name="username"  type="text">
				<hr class="hr15">
				<input placeholder="密码" name="password"  type="password">
				<hr class="hr15">
				<div class="checkcode">
					<input type="text" name="checkCode"  placeholder="验证码" />
					<img th:src="@{/user/captcha}" onclick="changeImg()" />
				</div>
				<div class="saveme">
					<input type="checkbox"  /> <label>记住我</label>
				</div>
				<input value="登录" style="width:100%;" type="submit">
				<hr class="hr5">
				<!-- 帮助 <a onClick="alert('请联系管理员')">忘记密码</a> -->
        		<div id="info" th:text="${session.errorInfo}"></div>
			</form>
		</div>
		<script th:src="@{/static/script/jquery-1.12.4.min.js}" ></script>
		<script>

			function changeImg(){
				// 获取图片元素
				$(".checkcode img").attr("src","user/captcha?"+Math.random())
			}
		</script>
	</body>
</html>
